<!DOCTYPE html>
<html>
<head>
<title>登山</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/index.css?v=112" />
<script src="js/base/base.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bscroll.min.js"></script>
<script src="js/base/com.js"></script>
<script>
ibase.init({dir:'portrait',lock:true});





	//障碍物数组
	var objarr=[
		{src:"images/z1.png",type:"kill",width:130,height:172},
		{src:"images/z2.png",type:"kill",width:170,height:111},
		{src:"images/z3.png",type:"kill",width:140,height:116},
		{src:"images/z4.png",type:"kill",width:160,height:161},
		{src:"images/z5.png",type:"kill",width:160,height:118},
		{src:"images/z6.png",type:"kill",width:200,height:96}
	]
	//var objStep=Math.floor(Math.random() * objarr.length);
	
	//金币
	var moneyarr=[
		{src:"images/m1.png",type:"money",width:100,height:133},
		{src:"images/m2.png",type:"money",width:100,height:133},
		{src:"images/m3.png",type:"money",width:100,height:133},
		{src:"images/m4.png",type:"money",width:100,height:133},
		{src:"images/m5.png",type:"money",width:100,height:133},
		{src:"images/m6.png",type:"money",width:100,height:133},
		{src:"images/m7.png",type:"money",width:100,height:133},
	]


	$(function(){
		$(".content").css({"background-image":"url(images/bg.jpg)"})
	})








</script>

</head>
<body>
<article id="container">
	<!-- 用户登录 -->
	<div class="loginbox" style="display:block;">
		<img src="images/loginbg.png" class="loginbg" />
		<div class="inputbox">
			<input type="number" pattern="[0-9]*" maxlength="11" class="inputsty inputnumber" value=""  placeholder="请输入手机号" oninput="if(value.length>11)value=value.slice(0,11)" />
			<input type="text" class="inputsty inputtext" value=""  placeholder="请输入验证码" />
			<div class="getYzm" >获取验证码</div>
			<img src="images/loginbtn.png" class="loginbgn" title="注册登录" />
		</div>
		
		
	</div>
	
	<!-- 游戏部分 -->
	<section class="content" id="content">
		<div class="gamebox" id="gamebox"></div>
		<div class="animal">
			<img src="images/animal.png" class="animalItem" />
		</div>
		
		
		
	</section>
	<div class="scorebox" title="得分">0</div>
	<img src="images/zhibojian.png" class="zhibojian" title="直播间" />
	<img src="images/paihangbang.png" class="paihangbang" title="排行榜" />
	<img src="images/gonggao.png" class="gonggao" title="公告" />
	<img src="images/wodezhandui.png" class="wodezhandui" title="我的战队" />
	
	<!-- 开始浮层 -->
	<div class="startbox">
		<div class="playbtn startBtn" style="display:block;" title="开始"></div>
		<div class="replaybox" style="display:none;">
			<div class="replay"></div>
		</div>
	</div>
	
	<!-- 新纪录浮层 -->
	<div class="newrecordbox" style="display:none;">
		<div class="innewrecordbox">
			<div class="headerbox">
				<img src="images/headerimg.jpg" />
			</div>
			<div class="newRecordNum">52145</div>
			<div class="sharebtn" title="邀请好友"></div>
			<div class="rplaybtn" title="继续挑战"></div>
		</div>
	</div>
	
	
	
	
	<!-- 直播间浮层 -->
	<div class="zhibojianbox">
		<div class="zhibojianpicbox">
			<img src="images/zhibojianPic.png" class="zhibojianpic" />
			<img src="images/back1.png" class="zhibojianback" />
		</div>
	</div>
	
	<!-- 公告 -->
	<div class="gonggaobox">
		<div class="bordersty">
			<img src="images/gonggaoLogo.png" class="gonggaoLogo" />
			<img src="images/close.png" class="closegonggao" />
		</div>
		
	</div>
	
	<!-- 排行榜 -->
	<div class="paihangbangbox paihangbangbox1" style="display:none;">
		<div src="images/paihangbangtitle.png" class="paihangbangtitle" >
			<img src="images/back2.png" class="backphb" />
		</div>
		
		<div class="phbbox1">
			<div class="phbboxbg"></div>
			<!-- 排行榜tab 切换 -->
			<div class="tabbox">
				<div class="tab1 tableft1" title="个人排行榜">
					<!-- <img src="images/myTab.png" class="tab1bg" style="display:none;"/> -->
					<img src="images/myTabActive.png" class="tab1bg tab1bgactive" style="display:block;"/>
				</div>
				<div class="tab1 tabright1" title="战队排行榜">
					<!-- <img src="images/groupTab.png" class="tab1bg" style="display:block;"/> -->
					<img src="images/groupTabActive.png" class="tab1bg tab1bgactive" style="display:block;"/>
				</div>
			</div>
			
			<img src="images/txt1.png" class="txt1" />
			
			
			<div class="msgbox">
				<div class="mymsgbox mymsgbox1" style="display:block;" title="我的排行">
					<div class="myphmsg" >
						<div class="gourpHeaderbox">
								<!-- 在榜单内 -->
								<div class="groupHeader groupHeader1-1" style="display:block">
									<img src="images/headerimg.jpg" />
								</div>
								<!-- 不在榜单内 -->
								<div class="groupHeader groupHeaderno1-1" style="display:none">
									<img src="images/headerimg.jpg" />
								</div>

						</div>
						<!-- 不在榜单内 就把数字隐藏 -->
						<div class="myLayer" title="我的排行数字">11</div> 
						
						<div class="layerName0">user01</div>
						<div class="layerScore0">100</div>
						<img src="images/icon-1.png" class="iconjp0" />
						<img src="images/txt2.png" class="noshangbang" title="当前未上榜"/>
					</div>
				</div>
				<div class="groupmsgbox groupmsgbox1" style="display:none;" title="我的战队" >
					<div class="mygroupbox" style="display:none;" title="显示战队信息">
						<div class="gourpHeaderbox">
							
								
								<!-- 战队只有一个人头 -->
								<div class="groupHeader groupHeader1-1">
									<img src="images/headerimg.jpg" />
								</div>
								
								<!-- 战队只有二个人头 -->
								<!-- <div class="groupHeader groupHeader2-1">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader2-2">
									<img src="images/headerimg.jpg" />
								</div> -->
								
								<!-- 战队只有三个人头 -->
								<!-- <div class="groupHeader groupHeader3-1">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader3-2">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader3-3">
									<img src="images/headerimg.jpg" />
								</div> -->
								
								
						</div>
						<div class="myLayer">5</div>
						<div class="layerName0">userna</div>
						<div class="layerScore0">1001</div>
						<img src="images/icon-1.png" class="iconjp0" />
						<img src="images/txt2.png" class="noshangbang" title="当前未上榜"/>
					</div>
					
					<div class="joinGroup" title="加入战队" style="display:block;"></div>
				</div>
			</div>
			<!--个人和战队列表 -->
			<div class="listbox">
				<div class="listItembox" >
					<div class="listItemscrolbox listItemscrolbox1">
						<div class="grScrollbox" title="个人排行">
							<ul class="listUlbox listUlbox1" >
								<li class="listItem listItemFront3 listItemFront3-1">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/1.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-1.png" class="iconjp" />
								</li>
								<li class="listItem listItemFront3 listItemFront3-2">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/2.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-2.png" class="iconjp" />
								</li>
								
								<li class="listItem listItemFront3 listItemFront3-3">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/3.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-3.png" class="iconjp" />
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">4</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">5</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">6</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">7</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">8</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">9</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">10</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">11</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
							</ul>
						</div>
						
						<div class="groupScrollbox" title="战队排行">
							<ul class="listUlbox listUlbox2" >
								<li class="listItem listItemFront3 listItemFront3-1">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/1.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-1.png" class="iconjp" />
								</li>
								<li class="listItem listItemFront3 listItemFront3-2">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/2.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-2.png" class="iconjp" />
								</li>
								
								<li class="listItem listItemFront3 listItemFront3-3">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/3.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-3.png" class="iconjp" />
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">4</div>
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">5</div>
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">6</div>
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">7</div>
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">8</div>
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">9</div>
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
								</li>
								
							</ul>
						</div>
					</div>
				</div>
				
				
				
			</div>
			
			
		</div>
		
	</div>
	
	<!-- 我的战队 -->
	<div class="myzhandui" style="display:none;">
		<div class="myzhanduititle" >
			<img src="images/back2.png" class="backwdzd" />
		</div>
		<div class="myzhanduimsg">
			
			<div class="rentoubox">
				<!-- 一个人头 -->
				<!-- <div class="rentou rentou1">
					<img src="images/headerimg.jpg" />
				</div> -->
				
				
				<!-- 二个人头 -->
				<!-- <div class="rentou rentou2-1">
					<img src="images/headerimg.jpg" />
				</div>
				<div class="rentou rentou2-2">
					<img src="images/headerimg.jpg" />
				</div> -->
				
				<!-- 三个人头 -->
				<div class="rentou rentou3-1">
					<img src="images/headerimg.jpg" />
				</div>
				<div class="rentou rentou3-2">
					<img src="images/headerimg.jpg" />
				</div>
				<div class="rentou rentou3-3">
					<img src="images/headerimg.jpg" />
				</div>
				
			</div>
			
			<div class="myzhanduiname">美赞臣活力战队</div>
			<div class="myzdpaiming">
				当前排名:12
			</div>
			<div class="myzdjifen">
				总积分:<span>12000分</span>
			</div>
		</div>
		<div class="zhanduichengyuan">战队成员(3/3)</div>
		<!-- 我的战队列表 -->
		<div class="wodezdlist">
			<img src="images/txt3.png" class="txt3" />
			<ul class="myzdlistUlbox" >
				<li class="myzdlistItem">
					<div class="listUserheaderbox3">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="layerName">战队排行</div>
					<div class="layerScorezd">10</div>
				</li>
				<li class="myzdlistItem">
					<div class="listUserheaderbox3">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="layerName">战队排行</div>
					<div class="layerScorezd">10</div>
				</li>
				<li class="myzdlistItem">
					<div class="listUserheaderbox3">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="layerName">战队排行</div>
					<div class="layerScorezd">10</div>
				</li>
			</ul>	
		</div>
		
		
		
		
	</div>
	
	<!-- 加入战队 -->
	<div class="createGroupbox" style="display:none;">
		<!-- 创建战队输入框 -->
		<div class="createGroup" style="display:block;">
			
			<input type="text" value="" placeholder="战队名称" class="groupname" />
			<div class="closeCreategroupbox" title="关闭"></div>
			<div class="qrcreatebtn" title="确认"></div>
		</div>
		
		<!-- 创建成功 -->
		<div class="createsuccessbox" style="display:none;">
			<div class="cgroupUserheaderbox cgroupUserheader-1">
				<img src="images/headerimg.jpg" class="cgroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			<div class="cgroupUserheaderbox cgroupUserheader-2">
				<img src="images/jia.png" class="cgroupUserheaderpic-1" />
			</div>
			<div class="cgroupUserheaderbox cgroupUserheader-3">
				<img src="images/jia.png" class="cgroupUserheaderpic-1" />
			</div>
			
			<div class="showGroupname">
				<span class="inshowGroupname"></span>
			</div>
			<div class="closeCreategroupbox" title="关闭"></div>
			<div class="showsharefloatbtn" title="邀请好友"></div>
		</div>
		
	</div>

	<!-- 通过好友分享链接进入 加入战队 -->
	<div class="sourceShareJoingroup" style="display:none;">
		<!-- 加入战队详情 -->
		<div class="joinsharegroupbox" style="display:block;">
			<div class="joingroupUserheaderbox joingroupUserheader-1">
				<img src="images/headerimg.jpg" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			<div class="joingroupUserheaderbox joingroupUserheader-2">
				<img src="images/jia.png" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			<div class="joingroupUserheaderbox joingroupUserheader-3">
				<img src="images/jia.png" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			
			<div class="showGroupname">
				<span class="inshowGroupname"></span>
			</div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
			<div class="querenjiarugroupbtn" title="确认加入"></div>
		</div>
		
		<!-- 加入战队成功 -->
		<div class="joinsharegroupsuccessbox" style="display:none">
			<div class="chakanmyzhandui" title="查看我的战队"></div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
		</div>
		
		<!-- 重复加入 -->
		<div class="repeatjoinsharegroupsuccessbox" style="display:none">
			<div class="repeatJoinquerenbtn closerepeatbox" title="确认"></div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
		</div>
		
	</div>
	
	<!-- 活动未开始 -->
	<div class="activeNotStartbox" style="display:none;">
		<div class="activeNotStart">
			<div class="activeNotStartChakangonggao" title="查看公告"></div>
		</div>
	</div>
	
	<!-- 活动一结束 -->
	<div class="endactivebox" style="display:none;">
		<div class="endactive">
			<div class="endactiveChakangonggao" title="查看公告"></div>
			<div class="closeendactivebox" title="关闭"></div>
		</div>
	</div>
	
	
	<!-- 邀请好友 -->
	<div class="sharefloat">
		<img src="images/sharepic.png" />
		
	</div>
	
	
	<div class="loaddatabox"><img src="images/load.gif" /></div>
	
</article>

<script src="js/index.min.js"></script>
</body>
</html>